{% extends "base.html" %}
{% block header %}
<script type="text/javascript" src="/static/js/jquery.treeview.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
	    $("#browser").treeview({
            collapsed:true,
            persist: "cookie",
			toggle: function() {
				console.log("%s was toggled.", $(this).find(">span").text());
			}
		});
	});
	</script>
{% endblock %}

{% block menu %}
<ul class="box">
	<li><a href="/index"><span>首页</span></a></li>
	<!-- Active -->
	<li><a href="/monitor"><span>服务监控</span></a></li>
	<li><a href="/report"><span>服务报表</span></a></li>
	<li><a href="/host"><span>主机管理</span></a></li>
	<li><a href="/flow"><span>流程管理</span></a></li>
	<li id="menu-active"><a href="/doc"><span>运维文档</span></a></li>
</ul>
{% endblock %}

{% block aside %}
    	<div class="tree">
			<ul id="browser" class="filetree treeview">
                <li><span class="folder">暴风服务</span>
            	    <ul>
            		    <li><span class="folder">在线服务</span>
                            <ul>
                                <li>
                                	<span class="folder">盒子</span>
                                    <ul>
                                        <li>
                                        	<span class="folder">首页</span>
                                        </li>
                                        <li>
                                        	<span class="folder">详情页</span>
                                        </li>
                                        <li>
                                            <span class="folder">搜索</span>
                                            <ul>
                                            	<li>
                                            		<span class="folder">天津</span>
                                                    <ul>
                                                        <li><span class="file">111.161.25.9</span></li>
                                                        <li><span class="file">111.161.25.10</span></li>
                                                        <li><span class="file">60.28.110.247</span></li>
                                                    </ul>
                                            	</li>
                                            	<li>
                                                    <span class="folder">北京</span>
                                                    <ul>
                                                    	<li>
                                                    		<span class="file">220.181.123.2</span>
                                                    	</li>
                                                    	<li>
                                                    		<span class="file">220.181.123.3</span>
                                                    	</li>
                                                        <li>
                                                    		<span class="file">220.181.123.4</span>
                                                    	</li>
                                                    	<li>
                                                    		<span class="file">220.181.123.5</span>
                                                    	</li>
                                                    </ul>
                                            	</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                	<span class="folder">目录树</span>
                                </li>
                                <li>
                                	<span class="folder">暴高清</span>
                                </li>
                                <li>
                                	<span class="folder">易览</span>
                                </li>    
            			    </ul>
            		    </li>
                    </ul>
                </li>
    		</ul>
    	</div>
{% endblock %}

{% block content %}
<div id="mon-tit">
	<div class="left">暴风运维文档 >> 所有运维文档</div>
	<div class="right"><a>添加运维文档</a></div>
</div>
<div class="clr">
</div>
	<hr>
	<h3  class='tit'>运维文档列表</h3>
	<div id="mon-dis" class="right-col">
	    <div class="title">
			<span class="choose">选择</span>
			<span class="name">文档名称</span>
			<span class="url">数据来源</span>
			<span class="freq">发送周期</span>
			<span class="available">订阅人</span>
			<span class="op">操作</span>
			<span class="detail">详情</span>
		</div>
		<div class="ji">
			<span class="choose"><input type="checkbox" /></span>
			<span class="name">盒子搜索稳定度汇总</span>
			<span class="url">search.moviebox.baofeng.net</span>
			<span class="freq">每天</span>
			<span class="available">潘晓东</span>
			<span class="op"><a href="">暂停</a>|<a href="">修改</a>|<a>删除</a></span>
			<span class="detail"><a>查看详情</a></span>
		</div>
	</div>
{% endblock %}
